<template>
	<view class="apply-cash">
		<view class="f30">
			<form @submit="formSubmit" @reset="formReset">
				<view class="" style="background-color: #fff; margin: 10rpx 20rpx;border-radius: 16rpx">
					<view class="p-0-20 pt30 txje">
						风控充值金额
					</view>
					<view class="p-0-20 ">
						<view class="withd-bc">
							<view class="withd-bct">
								<view style="height: 100%;display: flex;align-items: center;">
									<text style="font-size: 48rpx;">￥</text>
									<input class="tx-inpt" name="money" v-model="money" type="number" />
								</view>
							</view>
						</view>
					</view>
				</view>
				<view class=" mt60" style="padding: 0 40rpx;">
					<button type="primary" form-type="submit"
						style="background-color: #6EC2CB;border-radius: 100rpx 100rpx 100rpx 100rpx;border:none">提交申请</button>
				</view>
			</form>

		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				money: '',
			}
		},
		onLoad() {

		},
		methods: {
			/*申请*/
			formSubmit(e) {
				let self = this;
				uni.showLoading({
					title: '正在提交',
					mask: true
				})
				self._post('/supplier.index/riskRecharge', {
					money
				}, function(data) {
					uni.hideLoading();
					console.log(data)
				});
			},
		}
	}
</script>

<style lang="scss" scoped>
	.item {
		background-color: white;
		margin: 20rpx;
		border-radius: 16rpx;
		padding: 30rpx;
	}

	page {
		background-color: #F2F2F2;
	}

	.txje {
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #333333;
		margin-top: 16rpx;
	}

	.apply-cash {
		/* padding-top: 16rpx; */
	}

	.form-wrap {
		/* border-radius: 20rpx; */
		background: #FFFFFF;
		/* box-shadow: 0 0 16rpx 0 rgba(0, 0, 0, .2); */
	}

	.form-item {
		margin-bottom: 20rpx;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		font-size: 28rpx;
	}

	.form-item .field-name {
		width: 140rpx;
	}

	.form-item input {
		font-size: 28rpx;
	}

	.txbt {
		border-top: 16rpx solid #F2F2F2;

	}

	.form-item .text-price {
		padding: 0 10rpx;
		height: 80rpx;
		line-height: 80rpx;
		border-radius: 40rpx;
		border: 1px solid #CCCCCC;
	}

	.agreement-content {
		max-height: 60vh;
		overflow-y: auto;
	}

	.iconfont.icon-xuanze {
		font-size: 30rpx;
	}

	.form-item .active .iconfont.icon-xuanze {
		color: #F6220C;
	}

	.apply-cash .btn-red {
		height: 88rpx;
		line-height: 88rpx;
		border-radius: 44rpx;
		background: linear-gradient(90deg, #FF6B6B 4%, #F6220C 100%);
		border: none;
		font-size: 32rpx;
	}

	.withd-b {
		background-color: #FFFFFF;
		margin-bottom: 97rpx;
	}

	.withd-bct {
		height: 92rpx;
		padding-top: 59rpx;
		padding-right: 49rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-bottom: 1rpx solid #d0d0d0;
	}

	.tx-inpt {
		background-color: #FFFFFF;
		font-size: 48rpx;
		line-height: 92rpx;
	}

	.withd-bcb {
		font-size: 26rpx;
		color: #999999;
		padding: 27rpx 0 49rpx 0;
		display: flex;
		justify-content: space-between;
	}

	.withdrawal-btn {
		margin: 0 30rpx;
		background-color: #f36a24;
		height: 60rpx;
		line-height: 60rpx;
		color: #FFFFFF;
		text-align: center;
		border-radius: 30rpx;
		padding: 0;
		font-size: 24rpx;
	}
</style>